{% extends "base.html" %}
{% block title %}登陆{% endblock %}
{% block head %}
  {{ super() }}
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
  body {
    padding-top: 20px;
  }
  .margin-base-vertical {
    margin: 40px 0;
  }
</style>
{% endblock head %}
{% block body %}
<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-offset-3 panel panel-default">

    <h1>登陆</h1>

    <form action="" method="post">
      <input type="hidden" value="{{ xsrf_token }}" name="_xsrf" />
      <p class="input-group">
        <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
        <input class="form-control input-lg" type="text" value="{{ username}}" name="username" placeholder="请输入用户名" />
      </p>

      <p class="input-group">
        <span class="input-group-addon"> &nbsp;&nbsp;&nbsp; </span>
        <input class="form-control input-lg" type="password" name="password" placeholder="请输入密码" />
      </p>

      <!--<p class="help-block text-center">-->
        <!--<small>Wo won't send you spam. Unsubscribe at any time.</small>-->
      <!--</p>-->
      <p class="text-center">
        <button type="submit" class="btn btn-success btn-lg">Login</button>
      </p>
    </form>

    </div> <!-- //main content -->
  </div>  <!-- //row -->
</div>  <!-- //container -->
{% endblock %}
